<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
		<link rel='stylesheet' href='css/main2.css' type='text/css'>
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
		<meta name="viewport" content="width=device-width; initial-scale=1.0" />

		
	</head>

	<body>
			<body>
		<div data-role="page"  data-theme="b">
			
			<header data-tap-toggle="false" data-position="fixed" data-role="header" role="banner">
				
				<a href="#menuPanel" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="b" data-inline="true">Bars</a>
				
				<h1 id="centerheader">
					<a href="main.html">
						<img src="img/aa.png" alt="" />
					</a>
				</h1>
				<h5>${sessionScope.userLoginInfo.name}님 환영합니다.</h5>
				<a href="#rightpanel" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="b" data-inline="true">Grid</a>
				
			</header>
							
			
			
			<section id="menuPanel" data-display="overlay" data-position-fixed="true" data-role="panel"  data-theme="b">
			<div class="ui-panel-inner" ><nav class="main-nav">
				<ul class="menupanel_one">
					<li>
					<a href="main" data-lid="home" class="ui-link active">MAIN</a>
					</li>
					
					<li>
					<a data-lid="vehicles" class="ui-link">업무보고</a>
					</li>
						<ul class="menupanel_two">
							<li>
								<a href="reportingregist" data-lid="mobile_apps" class="ui-link">등 록</a>
							</li>
							<li>
								<a href="todayreporting" data-lid="mobile_apps" class="ui-link">일일업무</a>
							</li>
							<li>
								<a href="weekreporting" data-lid="mobile_apps" class="ui-link">주간업무</a>
							</li>
							<li>
								<a href="monthreporting" data-lid="mobile_apps" class="ui-link">월간업무</a>
							</li>
						</ul>
					<li>
						
					<a data-lid="vehicles" class="ui-link">회의록</a>
					
					</li>
						<ul class="menupanel_two">
							<li>
								<a href="minutesregist" data-lid="mobile_apps" class="ui-link">등 록</a>
							</li>
							<li>
								<a href="minuteslist" data-lid="mobile_apps" class="ui-link">지난 회의록</a>
							</li>
						</ul>
				
					<li>
						<a data-lid="mobile_apps" class="ui-link">거래처 관리</a>
					</li>
						<ul class="menupanel_two">
							<li>
								<a href="accountlist" data-lid="mobile_apps" class="ui-link">거래처 보기</a>
							</li>
							<li>
								<a href="accountregist" data-lid="mobile_apps" class="ui-link">거래처 등록</a>
							</li>							
						</ul>
					
					<li>
						<a href="location" data-lid="owner_site" >팀원 위치 보기</a>
					</li>
					
					<li>
						<a href="#companybbs" data-lid="owner_site" >사내 게시판</a>
					</li>
						
					<li>
						<a data-lid="owner_site" >PT</a>
					</li>
						<ul class="menupanel_two">
							<li>
								<a href="ptregist" data-lid="mobile_apps" class="ui-link">등 록</a>
							</li>
							<li>
								<a href="ptview" data-lid="mobile_apps" class="ui-link">보 기</a>
							</li>							
						</ul>
					
				</ul>
				</nav></div>
			</section>	
			
			
			
					
			<div data-role="panel" id="rightpanel" data-display="overlay" data-position="right" data-theme="b">
				
			</div>
			
			
			
			<form method="post">
				<fieldset>
					<div data-role="fieldcontain">
						<label for="accountCode">거래처코드</label>
						<input type="text" name="accountCode" id="accountCode" value="" data-mini="true" />
						<label for="epId">사원아이디</label>
						<input type="text" name="epId" id="epId" value="${sessionScope.userLoginInfo.epid}" data-mini="true" />
						<label for="phoneNum">사원전화번호</label>
						<input type="text" name="phoneNum" id="phoneNum" value="${sessionScope.userLoginInfo.mobileNum}" data-mini="true" />
						<label for="accountName">거래처명</label>
						<input type="text" name="accountName" id="accountName" value="" data-mini="true" />
						<label for="zipCode">우편주소</label>
						<input type="text" name="zipCode" id="zipCode" value="" data-mini="true" />
						<label for="bunji">번지</label>
						<input type="text" name="bunji" id="bunji" value="" data-mini="true" />
						<label for="addr1">주소</label>
						<input type="text" name="addr1" id="addr1" value="" data-mini="true" />
						<label for="addr2">상세주소</label>
						<input type="text" name="addr2" id="addr2" value="" data-mini="true" />
						<label for="companyCode">사업자번호</label>
						<input type="text" name="companyCode" id="companyCode" value="" data-mini="true" />
						<label for="personName">담당자 성명</label>
						<input type="text" name="personName" id="personName" value="" data-mini="true" />
						<label for="personNum">담당자 전화번호</label>
						<input type="text" name="personNum" id="personNum" value="" data-mini="true" />\
						
						
						
						<label for="state">
		                거래처 진행상태
		          		</label>	
						<select id="state" name="state" data-theme="b">
		               		<option value="0">
			                    신규
			                </option>
			                <option value="1">
			                    제안중
			                </option>
			                <option value="2">
			                    계약완료
			                </option>
			                <option value="3">
			                    계약종료
			                </option>
		            	</select>
					</div>
					<button type="submit" data-theme="b" name="submit" class="submit-btn">전송</button>		
				</fieldset>
			</form>
			
			
			<script>
			$(document).on("swipeleft", function(event, ui){
				$("#rightpanel").panel("open");
			});
			
			$(document).on("swiperight", function(event, ui){
				$("#menuPanel").panel("open");
			});
			
			
			
			</script>
			
		</div>	
	</body>
</html>